<template>
    <view class="box">
		<swiper v-if="list.length>0" class="swiper-container" :duration="duration" :current="pindex" :vertical="true" @change="get_play_chang">
			<swiper-item v-for="(item,index) in list" :key="index">
				<view class="videoPlayer"  @tap="get_play_init()">
					<video v-if="index == pindex"  :id="'video'+index" :show-play-btn="true" :show-center-play-btn="true" :controls="true" :src="item.purl" @ended="get_ended()" @timeupdate="get_timeupdate"></video>
					<view class="video-pic" v-if="item.time==0"><image :src="item.pic" mode="aspectFill"></image></view>
					<!-- 播放按钮 -->
					<view class="ztbf" v-if="item.play == 2"><text class="iconfont icon-24gf-play"></text></view>
				</view>
				<!-- 底部信息 -->
				<view class="botiinfo" v-if="item.play!=1">
					<view class="name">{{vod.name}} - {{item.name}} {{item.play}}</view>
					<view class="sub">{{vod.state}}</view>
					<view class="safearea-bottom"></view>
				</view>
				<!-- 边栏 -->
				<view class="blbox">
					<view class="li" @click="get_fav()" v-if="!vod.fav">
						<view class="icon"><text class="iconfont icon-a-bianzu2"></text></view>
						<view class="name">追剧</view>
					</view>
					<view class="li" @click="get_share()">
						<view class="icon"><text class="iconfont icon-weixin"></text></view>
						<view class="name">分享</view>
						<button class="button" plain open-type="share"></button>
					</view>
					<view class="li" @click="get_show('jishow')">
						<view class="icon"><text class="iconfont icon-ziyuan"></text></view>
						<view class="name">选集</view>
					</view>
				</view>
			</swiper-item>
		</swiper>
		<view v-else class="no-data">
			<text v-if="vod.name != undefined">暂无集数，待更新~</text>
			<text>加载中...</text>
		</view>
		<!-- 返回 -->
		<view class="back-button" @click="get_back"><text class="iconfont icon-fanhui"></text></view>
		<!-- 选集弹窗 -->
		<view class="popupbox" v-if="jishow">
			<view class="xjbox">
				<view class="title">
					<view class="h2">{{vod.name}}</view>
					<view class="sub">{{vod.state}}</view>
				</view>
				<view class="jxuan">
					<scroll-view class="scroll-view-w" scroll-x="true">
						<view class="tags" v-for="(item,index) in zulist" :key="index" :class="{on:zindex == index}" @click="get_zu_xuan(index)">{{item.name}}</view>
					</scroll-view>
				</view>
				<scroll-view class="list" scroll-y="true">
					<view class="li" :class="{on: item.id==jid}" v-for="(item,index) in zulist[zindex].list" :key="index" @click="get_ji_btn(item.id)">
						<view class="imgbox">
							<view class="img"><image :src="item.pic" mode="aspectFill"></image></view>
							<!-- 付费锁 -->
							<view class="suo" v-if="!item.ispay"><text class="iconfont icon-suoding"></text></view>
						</view>
						<view class="name">{{item.name}}</view>
					</view>
					<view class="safearea-bottom"></view>
					<view class="safearea-bottom-fixed"></view>
				</scroll-view>
				<view class="close" @click="get_hide()"><text class="iconfont icon-guanbi"></text></view>
			</view>
		</view>
		<view class="popupbox" v-if="payshow">
		    <view class="coinbox">
		        <view class="title">- 感谢您支持作者 -</view>
				<view class="subbox">
					<view class="p">充值购买后可继续观看</view>
					<view class="type">
						<view class="tags">本集收费：{{vod.cion}}{{user.cion_name}}</view>
						<view class="tags">账号余额：{{user.cion+user.cion_name}}</view>
					</view>
				</view>
		        <view class="list">
		            <view class="li" v-for="(item,index) in user.cionlist" :key="index" :class="{on:czIndex == index}" @click="get_pay_xuan(index)">
		                <view class="jine">{{item.rmb}} 元</view>
		                <view class="sub">{{item.cion}}{{user.cion_name}}<text v-if="item.giving > 0">+{{item.giving}}{{user.cion_name}}</text></view>
		                <view class="duosong" v-if="item.giving < 1">没有赠送</view>
		                <view class="duosong" v-else>多送{{item.giving}}{{user.cion_name}}</view>
		            </view>
					<view class="vipli" @click.stop="get_pay_send('vip')">
						<image src="../static/img/ktvip.png" mode="widthFix"></image>
					</view>
		        </view>
		        <view class="tishi">
		            <view class="p">1、{{user.cion_name}}和会员属于虚拟商品，一经购买不可退换；</view>
		            <view class="p">2、未满18岁的未成年需要在监护人主导、同意下进行相关付款操作；</view>
		            <view class="p">3、充值{{user.cion_name}}一般5分钟内到账，如未到账请在“我的”页面联系客服处理；</view>
		        </view>
		        <view class="btn" @click="get_pay_send('cion')">支付 {{user.cionlist[czIndex].rmb}} 元</view>
		        <view class="close" @click="get_hide()"><text class="iconfont icon-guanbi"></text></view>
				<view class="safearea-bottom"></view>
				<view class="safearea-bottom-fixed"></view>
		    </view>
		</view>
		<view class="popupbox" v-if="paytypeshow">
			<view class="paytype-box">
				<view class="tt">
					<text class="txt">选择付款方式</text>
					<view class="del" @click="get_pay_hide()">
						<image class="img" src="../static/img/vod/close.png"></image>
					</view>
				</view>
				<view class="ul">
					<view class="li" v-if="user.isalipay" @click="get_type('alipay')"><text class="txt">支付宝</text><view class="dian" :class="{on: paytype=='alipay'}"></view></view>
					<view class="li" v-if="user.iswxpay" @click="get_type('wxpay')" style="border-top: 1px solid #f5f5f5;margin-bottom: 8px;"><text class="txt">微信支付</text><view class="dian" :class="{on: paytype=='wxpay'}"></view></view>
				</view>
				<view class="btn" @click="get_pay_btn()"><text class="txt">立即支付</text></view>
			</view>
		</view>
    </view>
</template>
<script>
	let that = null,videoAd = null;
	export default {
		data() {
			return {
				did: 0,
				jid: 0,
				vod: {},
				user: {},
				pindex: 0,
				zindex: 0,
				list:[],
				zulist:[],
				jishow: false,
				payshow: false,
				czIndex: 3,
				duration: 500,
				adsid: '',
				adsstate: false,
				paytype: 'wxpay',
				type: 'cion',
				paytypeshow: false,
			};
		},
		onLoad(e) {
            that = this;
			if(e.id) that.did = e.id;
			if(e.jid) that.jid = e.jid;
			uni.setNavigationBarColor({
			    backgroundColor:'#ffffff',
			    frontColor:'#ffffff',
			})
			that.get_data();
			// 插页广告
			this.interstitialAd()
        },
		methods: {
			//插屏广告
			interstitialAd() {
			    YljAdSdk.interstitialAd(config.intertAdid, function(name, data){
			        if('onLoadSuccess' == name) {
			            YljAdSdk.info('sdk_flow', '插屏加载成功!!');
			            return ;
			        }
			
			        if('onLoadFailed' == name) {
			            YljAdSdk.info('sdk_flow', `插屏加载失败!!, 错误码 : ${data.errorCode}, 错误消息 : ${data.errorMsg}`);
			            return ;
			        }
			
			        if('onShowSuccess' == name) {
			            YljAdSdk.info('sdk_flow', '插屏展示成功!!');
			            return ;
			        }
			
			        if('onShowFailed' == name) {
			            YljAdSdk.info('sdk_flow', `插屏展示失败!!, 错误码 : ${data.errorCode}, 错误消息 : ${data.errorMsg}`);
			            return ;
			        }
			
			        if('onAdClosed' == name) {
			            YljAdSdk.info('sdk_flow', '插屏关闭!!');
			            return ;
			        }
			
			        if('onAdClicked' == name) {
			            YljAdSdk.info('sdk_flow', '用户点击广告!!');
			            return ;
			        }
			
			        if('onVideoStart' == name) {
			            YljAdSdk.info('sdk_flow', '视频开始播放!!');
			            return ;
			        }
			
			        if('onVideoComplete' == name) {
			            YljAdSdk.info('sdk_flow', '视频开始播放结束!!');
			            return ;
			        }
			    });
			},
			
			
			get_link(url){
				uni.navigateTo({
					url: './'+url
				});
			},
			get_back() {
				let pages = getCurrentPages();
				let prevPage = pages[pages.length - 2];
				if(!prevPage){
					uni.switchTab({
						url:'/pages/index/index'
					});
					return;
				}
				uni.navigateBack();
            },
			get_data(){
				that.http.get_curl('blues/index',{did: that.did},function(res){
					if(res.code == 1){
						// #ifdef MP-WEIXIN
						if(res.data.adsid && wx.createRewardedVideoAd) {
							that.adsid = res.data.adsid;
							videoAd = wx.createRewardedVideoAd({
								adUnitId: that.adsid
							});
							videoAd.onLoad(() => {})
							videoAd.onError((err) => {})
							videoAd.onClose((ret) => {
								if(ret.isEnded){
									that.adsstate = true;
									that.http.get_curl('blues/buy',{jid:that.jid,adsstate:1},function(res){
										if(res.code == 1){
											let pindex = that.pindex;
											that.user.cion = that.user.cion - that.vod.cion;
											that.list[pindex].purl = res.data.purl;
											that.list[pindex].ispay = true;
											that.get_play_state();
										}
									});
								}else{
									uni.showToast({
										title: '任务未完成',
										icon: 'none'
									});
								}
							});
						}
						// #endif
						that.vod = res.data.vod;
						that.jid = res.data.vod.jid;
						that.user = res.data.user;
						that.list = res.data.list;
						that.zulist = res.data.zulist;
						that.get_jid_pindex();
						uni.setNavigationBarTitle({
						    title: that.vod.name
						});
						if(that.list.length > 0){
							that.get_play_state();
						}
						if(!that.user.iswxpay) that.paytype = 'alipay';
					}
				});
			},
			get_jid_pindex(){
				for(let i=0;i<that.list.length;i++){
					if(that.list[i].id == that.jid){
						that.pindex = i;
						break;
					}
				}
			},
			get_ended(){
				if(that.list[that.pindex].time == 1){
					if(that.pindex < that.list.length-1){
						that.pindex++;
						that.get_play_state();
					}
				}
			},
			get_timeupdate(){
				if(that.list[that.pindex].time == 0){
					that.list[that.pindex].time = 1;
					that.get_addhistory();
				}
			},
			get_play_chang(e){
				console.log(that.pindex,e.detail.current);
				if(that.pindex != e.detail.current){
					that.list[that.pindex].play = 2;
					uni.createVideoContext('video'+that.pindex, that).pause();
					that.pindex = e.detail.current;
					that.get_play_state();
				}
			},
			get_play_init(){
				that.get_buy(function(){
					if(that.list[that.pindex].play == 2){
						that.list[that.pindex].play = 1;
						uni.createVideoContext('video'+that.pindex, that).play();
					}else{
						that.list[that.pindex].play = 2;
						uni.createVideoContext('video'+that.pindex, that).pause();
					}
				});
			},
			get_play_state(){
				that.jid = that.list[that.pindex].id;
				that.get_buy(function(){
					that.adsstate = false;
					that.get_zuji_buy();
					setTimeout(()=>{
						that.duration = 500;
						if(window != undefined){
							if(window.WeixinJSBridge) {
								WeixinJSBridge.invoke('getNetworkType',{},function (e) {
									that.get_set_share();
									that.list[that.pindex].play = 1;
									uni.createVideoContext('video'+that.pindex, that).play();
								});
							}else{
								document.addEventListener("WeixinJSBridgeReady", function(){
									that.get_set_share();
									that.list[that.pindex].play = 1;
									uni.createVideoContext('video'+that.pindex, that).play();
								},false);
							}
						}else{
							that.list[that.pindex].play = 1;
							uni.createVideoContext('video'+that.pindex, that).play();
						}
					},100);
				});
			},
			get_ji_btn(jid){
				that.duration = 0;
				setTimeout(()=>{
					let index = -1;
					for(let i=0;i<that.list.length;i++){
						if(that.list[i].id == jid){
							index = i;
							break;
						}
					}
					if(index > -1){
						that.list[that.pindex].play = 2;
						uni.createVideoContext('video'+that.pindex, this).pause();
						that.pindex = index;
					}
					that.jishow = false;
					that.jid = jid;
					that.get_play_state();
				},50)
			},
			get_buy(callback){
				if(that.list[that.pindex].ispay){
					callback('ok');
					return;
				}
				if(that.user.cion < that.vod.cion){
					//看激励视频继续观看
					if(that.adsid){
						if(that.adsstate){
							callback('ok');
						}else{
							that.get_ads_show();
						}
					}else{
						that.payshow = true;
					}
					return;
				}
				//自动购买
				let pindex = that.pindex;
				that.http.get_curl('blues/buy',{jid: that.jid},function(res){
					if(res.code == 1){
						that.get_hide();
						that.user.cion = that.user.cion - that.vod.cion;
						that.list[pindex].purl = res.data.purl;
						that.list[pindex].ispay = true;
						uni.showToast({title:'购买成功',icon:'none'});
						setTimeout(()=>{
							callback('ok');
						},50);
					}else{
						that.payshow = true;
						return;
					}
				});
			},
			get_zuji_buy(){
				for(let i=0;i<that.zulist.length;i++){
					for(let i2=0;i2<that.zulist[i].list.length;i2++){
						if(that.zulist[i].list[i2].id == that.jid){
							that.zindex = i;
							that.zulist[i].list[i2].ispay = true;
							break;
						}
					}
				}
			},
			get_zu_xuan(index){
				that.zindex = index;
			},
			get_show(key){
				that[key] = true;
			},
			get_hide(){
				that.jishow = false;
				that.payshow = false;
			},
			get_pay_xuan(index){
				that.czIndex = index;	
			},
			get_addhistory(){
				if(that.jid == 0) that.jid = that.list[that.pindex].id;
				that.http.get_curl('blues/addhistory',{jid: that.jid});
			},
			get_fav(){
				that.http.get_curl('fav/add',{did: that.did},function(res){
					if(res.code == 1){
						that.vod.fav = true;
						uni.showToast({title:'已追'});
					}
				});
			},
			get_set_share(){
				// #ifdef H5
				WeixinJSBridge.on('menu:share:appmessage', function(argv){
					WeixinJSBridge.invoke('sendAppMessage',{
						"appid":"", //appid 设置空就好了。
						"img_url": that.vod.pic, //分享时所带的图片路径
						"img_width": "120", //图片宽度
						"img_height": "120", //图片高度
						"link": window.location.href, //分享附带链接地址
						"desc": that.vod.text, //分享内容介绍
						"title": that.vod.name
					}, function(res){

					}); 
				});
				// #endif
			},
			get_share(){
				// #ifdef H5
				uni.showToast({title:'点击右上角三个点进行分享',icon:'none'});
				// #endif
			},
			get_pay_send(type){
				if(that.user.id == 0){
					uni.navigateTo({
						url: './user/login'
					});
					return;
				}
				let weixin = String(navigator.userAgent.toLowerCase().match(/MicroMessenger/i)) === "micromessenger";
				// #ifdef MP-WEIXIN
				weixin = true;
				// #endif
				if(weixin){
					if(type == 'cion'){
						that.get_pay_btn();
					}else{
						that.get_vip_btn();
					}
				}else{
					that.type = type;
					that.paytypeshow = true;
				}
			},
			get_pay_btn(){
				uni.showLoading({title: '加载中'});
				that.http.get_curl('user/cionpay',{index:that.czIndex,type:that.paytype},function(res){
					uni.hideLoading()
					if(res.code == 1){
						that.http.get_pay(that.paytype,res.data,function(state){
							if(state == 'ok'){
								uni.showToast({title: '付款成功'});
								that.http.get_curl('blues/userinfo',{},function(ret){
									if(ret.code == 1){
										that.user.cion = ret.data.cion;
										that.get_play_state();
									}
								});
							}
						});
					}else if(res.code == 2){
						//需要获取openid
						uni.showToast({title: '当前无法支付，请重新登录',icon:'none'});
						uni.removeStorageSync('user_token');
						setTimeout(()=>{
							uni.switchTab({
								url: '../user/index'
							});
						},500);
					}
				});
			},
			get_vip_btn(){
				uni.showLoading({title: '加载中'});
				that.http.get_curl('user/vippay',{type:that.paytype},function(res){
					uni.hideLoading()
					if(res.code == 1){
						that.http.get_pay(that.paytype,res.data,function(state){
							if(state == 'ok'){
								uni.showToast({title: '付款成功'});
								that.http.get_curl('blues/userinfo',{},function(ret){
									if(ret.code == 1){
										that.user.cion = ret.data.cion;
										that.get_play_state();
									}
								});
							}
						});
					}else if(res.code == 3){
						//需要获取openid
						uni.showToast({title: '当前无法支付，请重新登录',icon:'none'});
						uni.removeStorageSync('user_token');
						setTimeout(()=>{
							uni.switchTab({
								url: '../user/index'
							});
						},500);
					}
				});
			},
			get_type(pay){
				that.paytype = pay;
			},
			get_pay_hide(){
				that.paytypeshow = false;
			},
			get_ads_show(){
				uni.showModal({
					title: '观看提示',
					content: '观看一则广告后可免费继续观看，确定吗？',
					success: function (ret) {
						if (ret.confirm) {
							//显示激励视频广告
							if(videoAd) {
								videoAd.show().catch(() => {
									// 失败重试
									videoAd.load()
									.then(() => videoAd.show())
									.catch(err => {
										console.log('激励视频 广告显示失败')
									})
								})
							}
						}
					}
				});
			}
		}
	};
</script>
<style lang="scss" scoped>
	page{background: #000;}
	.box,page,.swiper-container,swiper-item,video{width: 100vw;height: 100vh;}
	.no-data{width: 750rpx;height: 100vh;display: flex;align-items: center;justify-content: center;z-index: 99;background-color: #000;font-size:16px;color:#999;text-align: center;}
	.scroll-view-w{white-space: nowrap;width: 100%;}
	.swiper-container{position: relative;}
	.videoPlayer {height: 100vh;width: 100%;margin: 0 auto;background: #fff;position: absolute;top:0;left:0;z-index: 1;
		.ztbf{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;color: #fff;line-height: 100vh;text-align: center;z-index: 99;
			text{font-size: 60rpx;padding: 40rpx;background: rgba(0,0,0,.1);border-radius: 50%;}
		}
		.video-pic{
			position: absolute;top:0;left:0;z-index: 2;width: 100%;height: 100%;
			image{width: 100%;height: 100%;}
		}
	}
	.botiinfo{position: absolute;bottom: 20rpx;left: 0;padding: 0 32rpx;z-index: 99;
		.name{font-size: 32rpx;color: #fff;font-weight: bold;}
		.sub{font-size: 28rpx;color: #f8f8f8;}
	}
	.blbox{width: 120rpx;position: absolute;bottom: 180rpx;right: 16rpx;z-index: 99;
		.li{width: 120rpx;color: #fff;text-align: center;padding-top: 40rpx;position: relative;
			.icon{line-height: 60rpx;
				text{font-size: 80rpx;background: #fff;border-radius: 50%;color: #f60;}
			}
			.name{font-size: 28rpx;line-height: 24rpx;}
			.button{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: 1;border: 0;}
		}
	}
	.back-button{position: fixed;top: calc(var(--status-bar-height) + 60rpx);left: 32rpx;color: #fff;pointer-events:block;z-index: 99;
		text{font-size: 40rpx;padding: 20rpx;background: rgba(0,0,0,.1);border-radius: 50%;}
	}
	.popupbox{width: 100%;height: 100vh;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 99;
		.xjbox{width: 100%;height: auto;background: #fff;position: absolute;bottom: 0;left: 0;border-radius: 20rpx 20rpx 0 0;
			.title{width: 100%;height: 120rpx;
				.h2{font-size: 32rpx;color: #333;font-weight: bold;padding: 32rpx;padding-bottom: 0;}
				.sub{padding-left: 32rpx;font-size: 28rpx;color: #999;}
			}
			.jxuan{overflow-x: auto;white-space: nowrap;margin: 20rpx 32rpx;
				.tags{background: #f1f1f1;padding: 2px 20rpx;display: inline-block;margin-right: 20rpx;border-radius: 4px;}
				.tags.on{background: #ff9323;color: #fff;}
			}
			.list{padding: 5px 32rpx;padding-bottom: 0;height: 300px;display: flex;flex-wrap: wrap;box-sizing: border-box;
				.li{width: calc(33.333% - 8px);display: inline-block;height: 160px;border-radius: 4px;overflow: hidden;box-shadow: 0px 2px 32rpx 0px rgba(0,0,0,0.07);margin-right: 20rpx;margin-bottom: 20rpx;
					.imgbox{width: 100%;height: 130px;position: relative;border-radius: 4px;
						.img{width: 100%;height: 100%;
							image{width: 100%;height: 100%;object-fit: cover;}
						}
						.suo{width: 100%;height: 130px;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;line-height: 130px;text-align: center;color: #fff;;
							text{font-size: 30px;}
						}
	
					}
					.name{padding: 0 5px;height: 30px;height: 30px;font-size: 28rpx;color: #333;text-align: center;}
				}
				.li:nth-child(3n){margin-right: 0;}
				.li.on{border: 1px solid #f60;}
			}
			.close{position: absolute;top: 32rpx;right: 32rpx;color: #333;line-height: 44px;
	            text{font-size: 40rpx;}
	        }
		}
		.coinbox{width: 100%;height: auto;background: #fff;position: absolute;bottom: 0;left: 0;border-radius: 20rpx 20rpx 0 0;
		    .title{width: 100%;height: 44px;font-size: 32rpx;color: #333;font-weight: bold;text-align: center;line-height: 44px;}
			.subbox{padding: 0 32rpx;line-height: 18px;padding-bottom: 20rpx;
				.p{font-size: 12px;color: #999;}
				.type{width: 100%;color: #999;
					.tags{width: 50%;display: inline-block;font-size: 12px;}
					.tags:nth-child(2){text-align: right;}
				}
			}
		    .list{width: calc(100% - 32px);margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;
		        .li{width: calc(50% - 20px);margin: 0 8px;background: #fff;box-shadow: 0px 2px 32rpx 0px rgba(0,0,0,.07);display: inline-block;border-radius: 5px;vertical-align: top;margin-bottom: 15px;min-height: 142rpx;
		            .jine{padding: 0 5px;text-align: center;font-size: 28rpx;color: #333;font-weight: bold;padding-top: 10px;}
		            .sub{padding: 0 5px;font-size: 12px;color: #666;text-align: center;}
		            .duosong{padding: 0 5px;font-size: 12px;color: #f60;text-align: center;}
		
		        }
		        .li.on{border: 1px solid #f60;box-shadow: 0px 2px 32rpx 0px rgba(255,102,1,.2);}
				.vipli{width: 100%;height: 100%;border-radius: 20rpx;
					image{width: 100%;height: auto;}
				}
		    }
		    .tishi{width: calc(100% - 32px);margin: 0 auto;background: #f8f8f8;padding: 20rpx 0;
		        .p{font-size: 20rpx;color: #999;padding: 0 5px;}
		    }
		    .btn{width: calc(100% - 32px);height: 40px;border-radius: 40px;line-height: 40px;text-align: center;color: #fff;background: linear-gradient(270deg, #fcae3a, #f15d25);margin: 15px auto;}
		    .close{position: absolute;top: 0;right: 32rpx;color: #333;line-height: 44px;
		        text{font-size: 40rpx;}
		    }
		}
		.paytype-box{
			background: #fff;position: absolute;bottom: 0;left: 0;padding-bottom: 50px;
			.tt{width: 750rpx;height: 55px;text-align: center;line-height: 55px;position: relative;}
			.tt .txt{font-size: 32rpx;color: #333;font-weight: bold;line-height: 55px;padding-left: 32rpx;}
			.del{position: absolute;top: 20px;right: 12px;color: #333;line-height: 55px;
			    .img{width: 20px;height: 20px;}
			}
			.ul{padding-left: 32rpx;
				.li{
					height: 60px;position: relative;
					.txt{font-size: 16px;line-height: 60px;}
					.dian{position: absolute;width: 20px;height: 20px;border-radius: 10px;border: 1px solid #ccc;right:10px;top:22px;}
					.dian.on{background: #f60;}
				}
			}
			.btn{width: 686rpx;margin-left: 32rpx;height: 40px;border-radius: 40px;line-height: 40px;text-align: center;background: linear-gradient(270deg, #fcae3a, #f15d25);margin-top: 10px;}
			.btn .txt{color: #fff;text-align: center;line-height: 40px;font-size:16px;}
		}
	}
</style>